/*
 * @Date: 2022-03-04 11:07:17
 * @LastEditors: 春贰
 * @gitee: https://gitee.com/chun22222222
 * @github: https://github.com/chun222
 * @Desc: 主题
 * @LastEditTime: 2022-05-08 15:14:11
 * @FilePath: \web\src\assets\css\theme.less
 */
.theme-light,
.theme-dark {
  .bg-gray { background-color: #878997;color: #fff;}
  .bg-lightgray { background-color: #fafafa;color: rgb(54, 54, 54);}
   input[readonly],textarea[readonly] { background-color: #efefef; border: 1px dashed #ccc;  }
}

//白色主题
.theme-light {
  .ant-layout-footer {
    background-color: white !important;
  }

  .layout-head {
    #logo {
      border-bottom: 1px solid whitesmoke;
      background: white;
    }
  }

  .layout-side {
    #logo {
      border-bottom: 1px solid whitesmoke;
      background: white;
    }

    >.ant-layout-sider {
      box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05) !important;
      background-color: white !important;
    }
  }

  .layout-comp {
    #logo {
      border-bottom: 1px solid whitesmoke;
      background: white;
    }

    .ant-layout-header {
      .comp-menu {
        .is-active {
          background-color: whitesmoke;
        }
      }

      background-color: white !important;
    }

    >.ant-layout-sider {
      box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05) !important;
      background-color: white !important;
    }
  }
}


//混色主题
.theme-dark {

  .layout-head {
    border-bottom: 1px solid #020202;
    background: @night-bg-front;

    #header {
      .next-menu .menu-item:hover {
        background-color: black !important;
      }

      background-color: @night-bg-front;
      color: white;
    }

    .ant-layout-header {
      background-color: @night-bg-front;
    }
  }

  .layout-side {
    #logo {
      border-bottom: 1px solid #101117;
      background: @night-bg-front;
    }

    >.ant-layout-sider {
      background: @night-bg-front  !important;
      box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
    }
  }

  .layout-comp {
    #logo {
      border-bottom: 1px solid #101117;
      background: @night-bg-front;
    }

    .ant-layout-header {
      .comp-menu {
        .is-active {
          background-color: whitesmoke;
        }
      }

      background-color: white !important;
    }

    >.ant-layout-sider {
      background: @night-bg-front  !important;
      box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
    }
  }
}

//暗色主题
.theme-dark {
  .ant-layout-footer {
    background-color: white !important;
  }

  .layout-head {
    border-bottom: 1px solid #020202;
    background: @night-bg-front;

    #header {
      .next-menu .menu-item:hover {
        background-color: black !important;
      }

      background-color: @night-bg-front;
      color: white;
    }

    .ant-layout-header {
      background-color: @night-bg-front;
    }
  }

  .layout-side {
    #logo {
      border-bottom: 1px solid #101117;
      background: @night-bg-front;
    }

    >.ant-layout-sider {
      background: @night-bg-front  !important;
      box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
    }
  }

  .layout-comp {
    #logo {
      border-bottom: 1px solid #101117;
      background: @night-bg-front;
    }

    .ant-layout-header {
      .comp-menu {
        .is-active {
          background-color: whitesmoke;
        }
      }

      background-color: white !important;
    }

    >.ant-layout-sider {
      background: @night-bg-front  !important;
      box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
    }
  }
}